<%- include('../common/header.html',{css:'common'}) %>
<title>后台管理系统</title>
<style>
    body{background: #FFF !important;}
</style>
</head>
<body>
<section class="content-header">
    <h1>
     管理中心
    </h1>
    <ol class="breadcrumb">
        <li><a href="javascript:void(0);"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active">管理中心</li>
    </ol>
</section>
<div class="content">
    <div class="panel panel-default">
        <div class="panel-body">
            <p>欢迎访问!</p>
            <br>
            <div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
        </div>
    </div>
</div>
<%- include('../common/footer.html') %>
</body>
<!-- build:js scripts/hightcharts.js  -->
<script type="text/javascript" src="../../libs/hc/highcharts.js"></script>
<script type="text/javascript" src="../../libs/hc/highcharts-zh_CN.js"></script>
<!-- endbuild -->
<script>
    $(function () {
        $('#container').highcharts({
            chart: {
                polar: true,
                type: 'line'
            },
            title: {
                text: '预算与支出',
                x: -80
            },
            pane: {
                size: '80%'
            },
            xAxis: {
                categories: ['销售', '市场营销', '发展', '客户支持',
                    '信息技术', '行政管理'],
                tickmarkPlacement: 'on',
                lineWidth: 0
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                min: 0
            },
            tooltip: {
                shared: true,
                pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                y: 70,
                layout: 'vertical'
            },
            series: [{
                name: '预算拨款',
                data: [43000, 19000, 60000, 35000, 17000, 10000],
                pointPlacement: 'on'
            }, {
                name: '实际支出',
                data: [50000, 39000, 42000, 31000, 26000, 14000],
                pointPlacement: 'on'
            }]
        });
    });
</script>
</html>